var ul=document.getElementById('list');
var addBtn=document.getElementById("addBtn");
var inputTitle=document.getElementById("inputTitle");
var inputContent=document.getElementById("inputContent");


var list=[
	// {
	// 	title:'今天天气贼好，天天下雨的;',
	// 	content:"气温才十来度，冲了一杯益和堂烤奶喝，心暖暖的;"
	// },

	// {
	// 	title:'今天天气也很好，只是今天雨更大了;',
	// 	content:"气温已经二十来度了，不需要奶茶了，心也暖暖的;"
	// }

];

var tpl='<li class="item"><p class="title">{%title%}</p><p class="content">{%content%}</p><button class="btn" type="button">修改内容</button></li>';


var fillList=function(){
	if(list.length==0){
		ul.innerHTML="<li>没有内容</li>";
		return;
	}


	var str="";
	for(var i=0;i<list.length;i++){
		str+=tpl.replace('{%title%}',list[i].title).replace('{%content%}',list[i].content);

	}
		ul.innerHTML=str;

}


fillList();


addBtn.addEventListener("click",function(){
	//第一步，获取输入的内容
	
	if (inputTitle.value==0||inputContent.value==0) {
		alert("标题或者内容为空，请输入标题、内容；");
		return;
	}


	var obj={
		title:inputTitle.value,
		content:inputContent.value
	}

	list.push(obj);
	inputTitle.value="";
	inputContent.value="";
	fillList();

});




var saveList=function(){

	localStorge.setItem("listDate",list);

}









































